<template>
	<view class="">
		<view class="flex flex-ai-center mtb-12" v-for="(item,index) in list" :key="item.id" @click="changeCheck(item,index)">
			<view class="flex flex-js-center" style="width: 80rpx;">
				<w-icon name="checked-icon" size="20" v-if="item.check"></w-icon>
				<w-icon name="uncheck-icon" v-else size="20"></w-icon>
			</view>
			<view class="bg-color-white flex-1 br-8 ptb-12">
				<view class="plr-12 pb-8 font-size-14 font-color-dark font-w-500" style="border-bottom: 1px solid #f1f1f1;">
					{{handleLang('等待付款')}}
				</view>
				<view class="plr-12 pt-8 flex">
					<image class="br-8" style="width: 120rpx;height: 120rpx;" :src="$ossUrl+item.goods_cover_image" mode=""></image>
					<view class="pl-12 flex flex-dir-col flex-js-sb flex-1">
						<view class="flex flex-js-end">
							￥{{item.total_price}}
						</view>
						<view class="flex flex-js-sb">
							<text class="font-size-12 font-color-dark">
								#{{item.collection_code}}/{{item.total_num}}
							</text>
							<text class="font-size-12">
								{{item.createtime|formatDate}}
							</text>
						</view>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		props:{
			list:{
				type:Array,
				default(){
					return []
				}
			}
		},
		data(){
			return {
				
			}
		},
		methods:{
			changeCheck(item,index){
				this.$emit('changeStatus',item)
			}
		}
	}
</script>

<style>
</style>